<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <meta name='viewport' content="width=device-width, initial-scale=1.0">
  <meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
  <title>底部</title>
  <link rel="stylesheet" type="text/css" href="../resources/style/reset.css">
  <style type="text/css">
    .footer{
      background: #364857;
      height: 240px;
       color: #90A4AE;
      
       padding: 30px 80px;
    }
      
    .nav-content{
      margin-bottom: 40px;
      height: 60px;
    }
    .copyright{
      background: #334252;
    }
    p.box{
      text-align: center;
      color: #90A4AE;
      height: 60px;
      line-height: 60px;
    }
    .nav-content{
    }
    .foot-nav{
     float: left;
     width: 25%;
     text-align: center;
    }
    .information{
      line-height: 30px;
    }
    .foot-item:hover{
      color:white;
    }

  </style>

</head>
<body style="overflow: hidden;">

    <div class="footer">
      <div class="box">
        <div id="footerCont" class="nav-content clearfix"> </div>
        <p class="information">
          地址：深圳市南山区科技园北区嘉达研发大楼A座2楼、B座6楼<br>
          电话：0755-83248455  <br>
          网址：www.szgwnet.com    <br>
          客服电话：4008844198                    
        </p>
      </div>
    </div>
    <div class="copyright">
      <p class="box" >Copyright ©2017 深圳市长城网信息科技股份有限公司 版权所有</p>
    </div>
    <script type="text/javascript" src="../resources/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../resources/js/tangram-min.js"></script>
    <script type="text/javascript" src="../resources/js/tangram-ext.js"></script>
    <script type="text/javascript" src="../resources/js/baiduTemplate.js"></script>

    <!--底部文字模板-->
    <script id="ftTemp"  type="text/template">
    [%for (var i in data){%]
    <dl class="foot-nav">
      <dt><a class="foot-item" echo-src="[%=data[i].src%]">[%=data[i].text %]</a></dt>
     [% for( var j in data[i].children){ %]
       <dd><a  echo-src="[%=data[i].children[j].src%]">[%=data[i].children[j].text%]</a></dd>
     [% }%]
    </dl>
    [%}%]
    </script>

    <script type="text/javascript">

      var footerData = {
        "data": [{
          "text": "产品介绍",
          "src": "WEB-INF/introduce",
          "children": []
        }, {
          "text": "产品演示",
          "src": "WEB-INF/demonstration",
          "children": []
        }, {
          "text": "产品试用",
          "src": "WEB-INF/tryout",
          "children": [

          ]
        }, {
          "text": "最新动态",
          "src": "WEB-INF/dynamic",
          "children": [

          ]
        }, ]
      }

     _get('footerCont').innerHTML = baidu.template('ftTemp', footerData);

      // 底部导航跳转
      $(".nav-content").on("click", "a", function() {
        var src = this.getAttribute("echo-src");
        parent.location.href="../"+src+".html";
      })
    </script>
</body>
</html>